.MainPage {
    max-width: 1100px;
    padding: 0 10px;
}

.changeFlex {
    @media (max-width: 500px) {
        flex-direction: column;
    }
}

.largeImg {
    width: 1000px;
    height: 559px;

    @media (max-width: 500px) {
        width: 400px;
        height: 223px;
        /*width: 320px;
        height: 230px;*/
    }
}

.smallImg {
    width: 500px;

    @media (max-width: 500px) {
        width: 350px;
    }
}

.iframe {
    width: 960px;
    height: 515px;

    @media (max-width: 500px) {
        width: 350px;
        height: 190px;
    }
}

.card {
    max-width: 500px;
    min-height: 270px;
}
